Halo~歡迎來到「30天前端設計之旅」的DAY 8！今天將學習網頁設計中一個重要且常見的功能——表單。表單是網站中開發者與使用者互動的主要工具，表單扮演著關鍵角色。今天，我們將學習如何創建表單、設計輸入欄位以及處理表單提交。

表單——網頁開發者與使用者交互的橋樑
表單是網頁開發者收集使用者數據的方式，通過表單，開發者可以讓使用者提交各種資訊，無論是聯絡方式、註冊頁面，還是意見反饋。了解如何創建和美化表單，將使網頁設計更加實用且使用者友善。

D-8的學習目標：

1. 表單的基本結構：
   • 使用 form 標籤來創建一個表單。
   • 使用 action 指定提交目標URL。
   • 使用 method（GET 或 POST）決定了表單提交的方式。
2. 表單輸入元素：
   • 使用各種表單輸入元素：文字框（input type="text"）、提交框（input type="submit"）、重寫框（input type="reset"）、密碼框（input type="password"）、電子郵件輸入框（input type="email"）、下拉選單（select）、單選按鈕和複選框（input type="radio" 和 input type="checkbox"）等。
3. 欄位框線設計與美化：
   • 使用CSS來美化表單輸入欄位的框線，讓表單看起來更專業且具吸引力。
   • 自定義輸入框的寬度、邊框、背景色、字體大小及其他樣式，讓使用者有更好的填寫體驗。
4. 表單標籤與提示：
   • 使用 label 標籤為表單元素添加描述，這不僅能提升無障礙性，還能讓使用者更清楚如何填寫表單。
   • 使用 fieldset 標籤將表單個欄位做成一個集合。
5. 表單提交與驗證：
   • 使用 input type="submit" 或 button type="submit" 創建表單提交按鈕。
   • 學習設置簡單的HTML5內建驗證（如 required 屬性）來確保用戶正確地填寫數據，避免空白欄位或錯誤格式的輸入。
   • 初步了解表單提交的流程，並知道表單數據如何發送到後端伺服器進行處理。

表單是網站用戶體驗中不可或缺的一部分，掌握這項技能將大大提升網頁設計的實用性與互動性！創建屬於你的互動表單吧！📝🔧